<html>
<head>
    <meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
<body>
    <style>
        #id {
            font-family: monospace
        }
        html, body, #id, p {
            padding: 0;
            margin: 0;
            background-color: black;
            color: white;
            font-family: monospace;
        }

        p.error {
            color: #FF1010;
            font-weight: bold;
            font-family: monospace;
        }
    </style>
    <div id="content">

    </div>
    <script type="text/javascript">
        var contentPane = document.getElementById('content');
        function logMsg(msg) {
            msg = decodeURIComponent(msg)
            var node = document.createElement("p");
            node.textContent = msg;
            contentPane.appendChild(node);
            window.scrollTo(0, node.offsetTop);
        }
        function logErr(msg) {
            msg = decodeURIComponent(msg)
            var node = document.createElement("p");
            node.textContent = msg;
            node.className = "error";
            contentPane.appendChild(node);
            window.scrollTo(0, node.offsetTop);
        }
    </script>
</body>
</html>